<!-- <!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>继承叠加</title>
 	<style type="text/css">
   p{
   	color: red;
   	font-style: 30px;
   }
   #title{
   	color: blue;
   }
   .title{
   	color: green !important;
   }

  
	</style>
</head>
<body>
	<p>这是一个p标签  <span>这是一个span标签</span></p>
	<a id="title" class="title" style="color:yellow" href="">这是一个a标签</a>
</body>
</html> -->

<!-- <!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>继续和叠加</title>
	<style type="text/css">
     p{
     	color: red;
     	font-size: 30px;
     }
     a{
     	color: red;
     }
     #title{
     	color: green ;
     }
     .title{
     	color: blue !important;
     }
   
	</style>
</head>
<body> -->
	<!-- <p>这是一个p标签 <span>这是一个span标签</span></p>
	<a id="title" class="title" style="color:yellow" href="">这是一个a</a>
</body>
</html> -->

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>继承叠加</title>
	<style type="text/css">
    p{
    	color: red;
    	font-size: 40px;
    }
    a{
    	color: blue;
    }
    #title{
    	color: red;
    }
    .title{
    	color: green !important;
    }
	</style>
</head>
<body>
	<p>这是一个p标签 <span>这是一个span标签</span></p>
	<a id="title" class="title" style="color:yellow" href="">这是一个a标签</a>
</body>
</html>